<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>支付成功页面</title>
  <script src="//cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div class="success">
  <div class="title">恭喜你,支付成功！</div>
  <div class="successImg-wrap">
    <img src="./img/success_03.jpg" alt="" class="successImg" width="80" height="80">
    <!--<a href="./a.html"+"?token"></a>-->
  </div>
  <div class="order">
    您的订单已经支付成功.
  </div>
  <div class="back">
    点击跳转查询页.
  </div>
</div>

</body>
</html>
<script>
  $(function () {
    function html_size(doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          // console.log(clientWidth)
          if (!clientWidth) return;
          if (clientWidth > 750) {
            clientWidth = 750;
          }
          docEl.style.fontSize = 125 * (clientWidth / 750) + 'px';
        };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc(), false);
    }
    html_size(document, window)
    var btn=document.getElementsByClassName("back")[0]
    btn.onclick=function () {
      window.location.href="./index.html"
    }
  })







</script>
<style>
  .success .title {
    font-size: .55rem;
    text-align: center;
    margin-top: 1rem;
  }

  .success .successImg-wrap {
    text-align: center;
    margin-top: .5rem;
  }

  .success .order {
    font-size: .35rem;
    text-align: center;
    margin-top: .5rem;
  }

  .success .back {
    width: 4.2rem;
    height: .8rem;
    border: 2px solid #ccc;
    margin: 1rem auto;
    font-size: .4rem;
    text-align: center;
    line-height: .8rem;
    /*margin-top: 1rem;*/
  }

</style>
